﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CaigouTongji.aspx.cs" Inherits="Automobile.service.UI.CaigouTongji" %>


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <script type="text/javascript" src="lib/PIE_IE678.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="css/H-ui.admin.css" />
    <link href="lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="lib/icheck/icheck.css" />

    <!--[if IE 6]>
    <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>采购订单列表</title>
</head>
<body>
    <!--top 导航-->
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 采购报表 <span class="c-gray en">&gt;</span> 采购统计 <a class="btn btn-success radius r" style="line-height: 1.6em; margin-top: 3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>

    <div class="page-container">
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <div style="float:left; padding-left:100px;">
            <span>区间查询:</span><select id="select1">
                <option value="0">年</option>
                <option value="1">月</option>
            </select>
                </div>
            <div id="div1" style="float:left; padding-left:100px;">
                <select id="firstyear">
                    <option value="2010">2010年</option>
                    <option value="2011">2011年</option>
                    <option value="2012">2012年</option>
                    <option value="2013">2013年</option>
                    <option value="2014">2014年</option>
                    <option value="2015">2015年</option>
                    <option value="2016">2016年</option>
                </select><span>到</span>
                
                <select id="lastyear">
                    <option value="2010">2010年</option>
                    <option value="2011">2011年</option>
                    <option value="2012">2012年</option>
                    <option value="2013">2013年</option>
                    <option value="2014">2014年</option>
                    <option value="2015">2015年</option>
                    <option value="2016">2016年</option>
                </select>
            </div>
            <button class="btn btn-success" type="submit" style="margin-left:30px;" onclick="fun()">><i class="Hui-iconfont">&#xe665;</i> 查询</button>
           
        </div>
        <div class="mt-20">
            <table class="table table-border table-bordered table-bg">
                <thead>
                    <tr class="text-c">
                        <th width="100"><span id="spann">年份</span></th>
                        <th width="100">采购统计</th>
                    </tr>
                </thead>

                <tbody id="mybody">
                    
                </tbody>
            </table>
        </div>
    </div>
    <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="lib/layer/1.9.3/layer.js"></script>
    <script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
    <script type="text/javascript" src="lib/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="js/H-ui.js"></script>
    <script type="text/javascript" src="js/H-ui.admin.js"></script>
    <!--域名配置-->
    <script type="text/javascript" src="static/WebApi.js"></script>
    <script type="text/javascript">
        $("#select1").change(function () {
            $("#mybody").empty();//清空
            if($(this).val()==1)
            {
                var str = '<select id="firstyear"><option value="2010">2010年</option><option value="2011">2011年</option><option value="2012">2012年</option><option value="2013">2013年</option><option value="2014">2014年</option><option value="2015">2015年</option><option value="2016">2016年</option></select><select id="firstmonth"><option value="1">1月</option><option value="2">2月</option> <option value="3">3月</option> <option value="4">4月</option><option value="5">5月</option><option value="6">6月</option><option value="7">7月</option><option value="8">8月</option><option value="9">9月</option><option value="10">10月</option><option value="11">11月</option><option value="12">12月</option></select><span>到</span>';
                str += '<select  id="lastmonth"><option value="1">1月</option><option value="2">2月</option> <option value="3">3月</option> <option value="4">4月</option><option value="5">5月</option><option value="6">6月</option><option value="7">7月</option><option value="8">8月</option><option value="9">9月</option><option value="10">10月</option><option value="11">11月</option><option value="12">12月</option>';
                
                $("#div1").html(str);
                $("#spann").html("月份");
            }
            else
            {
                var sr = '<select id="firstyear"><option value="2010">2010年</option><option value="2011">2011年</option><option value="2012">2012年</option><option value="2013">2013年</option><option value="2014">2014年</option><option value="2015">2015年</option><option value="2016">2016年</option></select><span>到</span>';
                sr += '<select id="lastyear"><option value="2010">2010年</option><option value="2011">2011年</option><option value="2012">2012年</option><option value="2013">2013年</option><option value="2014">2014年</option><option value="2015">2015年</option><option value="2016">2016年</option></select>';
                $("#div1").html(sr);
                $("#spann").html("年份");
            }
        })
        function fun() {
            var a = parseInt($("#select1").val());
            if (a == 0)
            {
                var firstyear = $("#firstyear").val();
                var lastyear = $("#lastyear").val();
                $.ajax({
                    type: "post",
                    url: "Hander/Caigou.ashx",
                    data: {
                        firstyear: firstyear,
                        lastyear: lastyear
                    },
                    success: function (data) {
                        $("#mybody").empty();//清空
                        var data1 = eval(data);
                        for (var i in data1) {

                            var str = '<tr class="text-c"><td>' + data1[i].Purchase_Date + '年</td><td>' + data1[i].SumMoney + '元</td></tr>';
                            $("#mybody").append(str);
                        }

                    }

                })
            }
            else
            {
                var firstyear = $("#firstyear").val();
                var firstmonth = $("#firstmonth").val();
                var lastmonth = $("#lastmonth").val();
                $.ajax({
                    type: "post",
                    url: "Hander/CaigouBymonth.ashx",
                    data: {
                        firstyear: firstyear,
                        firstmonth: firstmonth,
                        lastmonth: lastmonth
                    },
                    success: function (data) {
                        var data1 = eval(data);
                        for (var i in data1) {

                            var str = '<tr class="text-c"><td>' + data1[i].Purchase_Date + '月</td><td>' + data1[i].SumMoney + '元</td></tr>';
                            $("#mybody").append(str);
                        }
                    }

                })
            }
        }
        
    </script>

</body>
</html>


